<template>
	<view class="car">
		<view class="box1">
			<view style="color: #FFFFFF; font-size: 108rpx;">{{regularDetail.regularProductChgYear}}%</view>
			<view style="color: #FFFFFF; font-size: 34rpx; font-weight: 600;">年化率</view>
		</view>
		<view  class="box2">
			 <view class="box2-1 view">
				 <view style="font-size: 28rpx;">{{regularDetail.regularProductRegularTime}}个月</view>
				 <view style="font-size: 20rpx;">投资周期</view>
			 </view>
			  <view class="box2-2 view" style="border-left: 1px solid #ffa5b3; border-right: 1px solid #ffa5b3 ;">
				  <view style="font-size: 28rpx;">{{regularDetail.regularProductMoney}}元</view>
				  <view style="font-size: 20rpx;">起购金额</view>
			  </view>
			   <view class="box2-3 view">
				   <view style="font-size: 28rpx;">{{regularDetail.regularProductRisk}}</view>
				   <view style="font-size: 20rpx;">风险等级</view>
			   </view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"car",
		props:['regularDetail'],
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.car{
		background-color: #ff4558;
		height: 400rpx;
		box-sizing: border-box;
	
		.box1{
			padding-top: 70rpx;
			height: 70%;
		
			text-align: center;
		}
		.box2{
			height: 30%;
			box-sizing: border-box;
		padding-bottom: 10rpx;
	
	
			display: flex;
			.view{
				padding-top:20rpx ;
				color: #FFFFFF;
				width: 33.33%;
				
				text-align: center;
			}
		}
	}
</style>
